/* Estilos Formación */
.SetFormacion{ 
  margin-top: 40px;
  margin-bottom: 10px;
}
.SetFormacion .card{
	border: 0px;
}

.SetFormacion img.img-fluid.img-convo{ 
    width: 100%;
    height: 211px;
    object-fit: cover;
	border-radius: 8px;
	pointer-events: none; 
    cursor: default;      
    color: inherit;  
}

.SetFormacion .body-content {
    padding: 0px;
}

.SetFormacion span.estado {
 
    width: 72px;
    height: 39px;
    position: absolute;
    left: 0;
    margin-left: 20px;
    background: #fff;
    border-radius: 0px 0px 8px 8px;
    font-size: 12px;
    font-weight: 900;
    text-align: center;
    color: #7730C1;
}
.SetFormacion span.dia {
    font-weight: normal;
}

.SetFormacion span.date{
	font-weight: normal;
}

.SetFormacion  .card-title {
    margin-bottom: var(--bs-card-title-spacer-y);
    color: var(--bs-card-title-color);
    font-size: 18px;
    font-weight: 700;
    color: #4B3C8C;
    line-height: 24px;
    font-family: 'Nunito Sans';
		 display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 50px;
}



.SetFormacion  p.card-text {
    font-size: 16px;
    color: #4D4D4D;
    line-height: 22px;
    font-family: 'Nunito Sans';
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 20px; 
    max-height: 93px;
    font-weight: 400;
}


.SetFormacion .btn-convo{
		text-align: center;
    background: #281E52;
    border-radius: 18px;
    padding: 5px 12px 5px 12px;
   

    font-size: 14px;
    font-weight: 800;
    line-height: 21px;
    font-family: 'Nunito Sans';
    color: #fff;

    position: relative;
    text-transform: uppercase;
    text-decoration: none;
}


.SetFormacion a.card-link {
    text-align: center;
    background: #281E52;
    border-radius: 18px;
    padding: 5px 12px 5px 12px;
    width: 212px;
    height: 37px;
    font-size: 18px;
    font-weight: 800;
    line-height: 27px;
    font-family: 'Nunito Sans';
    color: #fff;
    position: relative;
    margin-top: 10px;
		text-decoration: none;
}


.SetFormacion p.card-date {
    font-size: 14px;
    font-weight: 800;
    line-height: 21px;
    font-family: 'Nunito Sans';
    color: #4B3C8C;
    margin-top: 5px;
    padding: 5px 4px;
}

.SetFormacion .btn-vermas{
    background: #281E52;
    border-radius: 18px;
    font-size: 18px;
    font-weight: 800;
    text-transform: uppercase;
}

.vermas .card-link{
		text-align: center;
    background: #4B3C8C;
    border-radius: 18px;
    padding: 5px 12px 5px 12px;
    width: 212px;
    height: 37px;
    font-size: 18px;
    font-weight: 800;
    line-height: 27px;
    font-family: 'Nunito Sans';
    color: #fff;
    position: relative;
    margin-top: 10px;
    text-decoration: none;
}

.ms-dlgTitleBtns{
    margin-right:0px;
}



@media (min-width: 800px) {

	.SetFormacion {
			display: grid;
			grid-template-columns: 1fr 1fr;
			grid-template-rows: auto auto;
			justify-items: center;
	}

	.SetFormacion .card {
			border: 0px; 
			width: 95%;
			display: flex;
			flex-direction: column;
			flex-wrap: nowrap;
			align-items: center;
	}

  div#modalContent .card-custom .custom-img{
            display: flex;
            justify-content: center;
  }
  div#modalContent .card-custom .custom-img img {
      width: 50% !important;
  }


}	

 

@media (min-width: 1024px) {

	.SetFormacion img.img-fluid.img-convo {
    width: 100%;
    height: 136px;
    object-fit: cover;
    border-radius: 8px;
	}
	.SetFormacion p.card-date {
    font-size: 12px;
	}	

	.SetFormacion a.card-link {
    
    font-size: 14px;
	}	
	.SetFormacion .card-body {
    padding: 0px;
	}
	.vermas{
		margin-bottom: 20px;
	}

 


}	

@media (min-width: 1280px) {

	h2.h2-home.text-center {
			margin-top: 20px;
	}

	.SetFormacion .card-title {
    font-size: 23px;
	}	

	.SetFormacion p.card-text {
    font-size: 16px;
	}
	.SetFormacion a.card-link {
        font-size: 18px;
	}
	.SetFormacion p.card-date {
			font-size: 14px;
	}

}	


    .ms-dlgContent {
         
        position: absolute;
        background-color: none;
        box-shadow: inherit;
    }
    div#modalContent {
        background: #281E52 !important;
        color: #fff;
    }

    div#modalContent .ms-dlgBorder {
        background: #281E52;
    }
    .card-custom {
        display: flex !important;
        flex-direction: column !important;
        background: #281E52;
    }
   

    .ms-dlgBorder {
        background: #281E52;
    }

    .card-custom {
    flex-direction: column;
    }
    .ms-dlgTitleText {
    display: none;
    }

    .text-item{
        color: #FFB800;
    }
    

/* Estilos Dialog   */



/*

div#modalContent .ms-dlgTitle {
    padding: 6px 28px 15px;
    white-space: nowrap;
    cursor: move;
    overflow: hidden;
    
}
div#modalContent .ms-Dialog-close {
    background-color: blue;
}
div#modalContent .ms-dlgTitle {
    padding: 3px 30px 3px;
    white-space: nowrap;
    cursor: move;
    overflow: hidden; 
    color: #ccc;
}
div#modalContent .ms-dlg-heading, h2.ms-dlg-heading, .s4-clust, .ms-dlgCloseBtnImg {
    font-family: "Nunito Sans", Tahoma, Helvetica, Arial, sans-serif;
    font-size: 1.46em;
    color: #ffffff;
    padding: 20px;
}
div#modalContent .ms-dlg-heading{
  display: none;
}


div#modalContent .ms-dlgCloseBtnImg {
    background-color: beige;
}
div#modalContent .ms-dlgContent {
    border: 1 solid #4b3c8c;
}
div#modalContent .ms-dlgFrameContainer {
    padding: 0px 15px 0px;
    margin: 0px;
}*/